<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>西安旅游 - 西安文化体验网站</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header class="header">
        <div class="container">
            <h1 class="logo">西安文化之旅</h1>
            <nav class="nav">
                <ul class="nav-list">
                    <li><a href="index.html" class="nav-link">首页</a></li>
                    <li><a href="food.html" class="nav-link">西安美食</a></li>
                    <li><a href="travel.html" class="nav-link active">旅游景点</a></li>
                    <li><a href="poetry.html" class="nav-link">唐诗体验</a></li>
                    <li><a href="dialect.html" class="nav-link">陕西话</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main class="main">
        <section class="page-content">
            <div class="container">
                <h1 class="page-title">西安旅游景点</h1>
                <p style="text-align: center; font-size: 1.1rem; color: #666; margin-bottom: 3rem;">
                    西安，这座拥有三千多年历史的古都，见证了十三个王朝的兴衰。
                    从秦始皇兵马俑到唐代大雁塔，每一处景点都诉说着历史的辉煌。
                </p>

                <div class="attraction-card">
                    <h2 class="attraction-name">🏺 秦始皇兵马俑博物馆</h2>
                    <p class="attraction-desc">
                        被誉为"世界第八大奇迹"的兵马俑，是秦始皇陵的重要组成部分。
                        数千个栩栩如生的兵马俑整齐排列，展现了秦朝军队的雄伟气势。
                        每个俑的面部表情、发型、服饰都各不相同，体现了古代工匠的精湛技艺。
                    </p>
                    <div class="attraction-tips">
                        <strong>游览贴士：</strong> 建议游览时间3-4小时，最佳参观时间为上午9-11点，人流相对较少。
                        可以租借讲解器或请导游，更好地了解历史背景。
                    </div>
                </div>

                <div class="attraction-card">
                    <h2 class="attraction-name">🏛️ 大雁塔</h2>
                    <p class="attraction-desc">
                        建于唐代的大雁塔是西安的标志性建筑，也是丝绸之路的重要文化遗产。
                        塔高64.5米，共七层，是玄奘法师为保存从印度带回的佛经而建。
                        夜晚的音乐喷泉表演更是不容错过的精彩节目。
                    </p>
                    <div class="attraction-tips">
                        <strong>游览贴士：</strong> 登塔需要额外购票，建议傍晚时分前往，可以欣赏日落美景。
                        音乐喷泉表演时间为每晚8点和9点，周末会增加场次。
                    </div>
                </div>

                <div class="attraction-card">
                    <h2 class="attraction-name">🏰 西安城墙</h2>
                    <p class="attraction-desc">
                        西安城墙是中国现存最完整的古代城垣建筑，全长13.74公里。
                        始建于明朝，在唐长安城的基础上建造而成。
                        可以步行、骑自行车或乘坐电瓶车游览，感受古城的雄伟壮观。
                    </p>
                    <div class="attraction-tips">
                        <strong>游览贴士：</strong> 推荐从南门上城墙，可以租借自行车环城游览。
                        日落时分登城墙观景最佳，夜景也十分迷人。全程骑行约需2小时。
                    </div>
                </div>

                <div class="attraction-card">
                    <h2 class="attraction-name">🏮 回民街</h2>
                    <p class="attraction-desc">
                        西安最著名的美食文化街区，汇聚了各种陕西特色小吃。
                        这里不仅是品尝美食的天堂，也是感受西安民俗文化的重要场所。
                        古色古香的建筑风格与现代商业完美融合。
                    </p>
                    <div class="attraction-tips">
                        <strong>游览贴士：</strong> 建议傍晚前往，夜市更加热闹。
                        人流量大时要注意安全，品尝美食时注意卫生。可以从钟楼步行前往。
                    </div>
                </div>

                <div class="attraction-card">
                    <h2 class="attraction-name">🔔 钟楼与鼓楼</h2>
                    <p class="attraction-desc">
                        钟楼和鼓楼是西安的地标建筑，位于市中心的黄金位置。
                        钟楼建于明朝，是中国现存钟楼中形制最大、保存最完整的一座。
                        鼓楼与钟楼遥相呼应，共同构成了西安古城的中心轴线。
                    </p>
                    <div class="attraction-tips">
                        <strong>游览贴士：</strong> 可以购买联票同时参观钟楼和鼓楼。
                        夜晚灯光璀璨，是拍照的绝佳时机。周围交通便利，是游览西安的起点。
                    </div>
                </div>

                <div class="attraction-card">
                    <h2 class="attraction-name">🏛️ 陕西历史博物馆</h2>
                    <p class="attraction-desc">
                        被誉为"古都明珠，华夏宝库"的陕西历史博物馆，收藏了大量珍贵文物。
                        从远古人类的简单工具到精美的唐三彩，展现了陕西地区的历史文化。
                        是了解中华文明发展历程的重要窗口。
                    </p>
                    <div class="attraction-tips">
                        <strong>游览贴士：</strong> 需要提前网上预约，免费参观但需要身份证。
                        建议预留半天时间，可以租借讲解器深入了解文物背景。
                    </div>
                </div>

                <div style="background: white; border-radius: 15px; padding: 2rem; margin-top: 3rem; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);">
                    <h2 style="color: #764ba2; margin-bottom: 2rem; text-align: center;">推荐旅游路线</h2>
                    
                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-bottom: 2rem;">
                        <div style="background: #f8f9fa; padding: 2rem; border-radius: 10px; border-left: 4px solid #667eea;">
                            <h3 style="color: #333; margin-bottom: 1rem;">📅 一日游路线</h3>
                            <div style="color: #666; line-height: 1.8;">
                                <strong>上午：</strong>钟楼 → 鼓楼 → 回民街<br>
                                <strong>下午：</strong>城墙 → 大雁塔<br>
                                <strong>晚上：</strong>大雁塔音乐喷泉
                            </div>
                        </div>
                        
                        <div style="background: #f8f9fa; padding: 2rem; border-radius: 10px; border-left: 4px solid #764ba2;">
                            <h3 style="color: #333; margin-bottom: 1rem;">📅 二日游路线</h3>
                            <div style="color: #666; line-height: 1.8;">
                                <strong>第一天：</strong>兵马俑 → 华清宫<br>
                                <strong>第二天：</strong>陕西历史博物馆 → 大雁塔 → 城墙 → 回民街
                            </div>
                        </div>
                        
                        <div style="background: #f8f9fa; padding: 2rem; border-radius: 10px; border-left: 4px solid #667eea;">
                            <h3 style="color: #333; margin-bottom: 1rem;">📅 三日游路线</h3>
                            <div style="color: #666; line-height: 1.8;">
                                <strong>第一天：</strong>兵马俑 → 华清宫<br>
                                <strong>第二天：</strong>陕西历史博物馆 → 大雁塔 → 曲江池<br>
                                <strong>第三天：</strong>城墙 → 钟鼓楼 → 回民街 → 书院门
                            </div>
                        </div>
                    </div>
                    
                    <div style="background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1)); padding: 2rem; border-radius: 10px;">
                        <h3 style="color: #764ba2; margin-bottom: 1rem; text-align: center;">🚗 交通指南</h3>
                        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; color: #666;">
                            <div><strong>地铁：</strong>1、2、3、4号线覆盖主要景点</div>
                            <div><strong>公交：</strong>游5路直达兵马俑</div>
                            <div><strong>出租车：</strong>起步价9元，夜间11元</div>
                            <div><strong>共享单车：</strong>城区内短距离出行首选</div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="footer">
        <div class="container">
            <p>&copy; 2024 西安文化体验网站. 探索古都魅力，传承文化精神.</p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>